page-challenge-detial-three-start {
    .content-ios {
        background-color: #EEEEEE;
        .tabs-f1 {
            height: 3em;
            background-color: #FFF;
            width: 90%;
            margin: auto;
            .ub-f1 {
                text-align: center;
                line-height: 3em;
            }
            .ub-f1.act {
                border-bottom: 3px solid #F75F47;
            }
        }
        .ranking {
            ion-item {
                span.ionc-ioc1 {
                    color: #F75F47;
                }
                span.ionc-ioc2 {
                    color: #2508a3;
                }
                span.ionc-ioc3 {
                    color: red;
                }
                img.avatar {
                    width: 2em;
                    height: 2em;
                    border: 1px solid #fff;
                    border-radius: 3em;
                    float: left;
                }
                h3.name {
                    float: left;
                    height: 2em;
                    line-height: 2em;
                    padding-left: 1em;
                }
                span {
                    font-size: 14px;
                    color: #666666;
                }
            }
        }
        #openTiaozhan {
            position: fixed;
            z-index: 6666;
            bottom: 0em;
            left: 5%;
        }
        #userDTlist {
            .ub-con.ub-ver.ub-ac.ub-pc {
                max-width: 47px;
                margin-top: 4px;
                .ub-img1.user_wh {
                    width: 2.5em;
                    height: 2.5em;
                }
            }
        }
    }
}